<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情页面</title>
    <link rel="stylesheet" href="../static/css/information.css">
    <style>
        table {
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
        }

        table td, table th {
            border: 1px solid #cad9ea;
            color: #666;
            height: 30px;
        }

        table thead th {
            background-color: #CCE8EB;
            width: 100px;
        }

        table tr:nth-child(odd) {
            background: #fff;
        }

        table tr:nth-child(even) {
            background: #F5FAFA;
        }
    </style>
</head>
<body>
{% for no in note %}
<div class="wrapper clearfix mt30">
    <div class="big-pic-fl">
        <a href=""><img src="{{no.PID}}" width="300" heigth="225" alt=""></a>
    </div>
    <div class="info-list-fr">
        <ul>
            <li class="info-item t-pingmu-size">
                <div class="box-item-fl "><label class="name">名称:</label>{{no.Name}}</div>

            </li>
            <li class="info-item t-pingmu-size">
                <div class="box-item-fl "><label class="name">CPU:</label>{{no.CPU_Name}}</div>

            </li>
            <li class="info-item t-fenbianlv">
                <div class="box-item-fl "><label class="name">内存：</label>{{no.RAM_Capacity}}</div>

            </li>
            <li class="info-item ">
                <div class="box-item-fl "><label class="name">显卡：</label>{{no.GPU_Name}}
                </div>

            </li>
            <li class="info-item t-zuigaoruipin-jisu">
                <div class="box-item-fl "><label class="name">触控屏：</label>{{no.Display_Touch}}
                </div>

            </li>
            <li class="info-item ">
                <div class="box-item-fl "><label class="name">笔记本重量：</label>{{no.Weight}}</div>
            </li>
        </ul>
    </div>
</div>
<table width="1200px">
    <th colspan="2">CPU</th>
    <tr>
        <td>CPU型号：</td>
        <td>{{no.CPU_Name}}</td>
    </tr>
    <tr>
        <td>CPU主频：</td>
        <td>{{no.CPU_Frequency}}</td>
    </tr>
    <tr>
        <td>最高睿频</td>
        <td>{{no.CPU_MAX_Frequency}}</td>
    </tr>
    <tr>
        <td>核心/线程数</td>
        <td>{{no.CPU_CT}}</td>
    </tr>
    <tr>
        <td>三级缓存</td>
        <td>{{no.CPU_L3Cache}}</td>
    </tr>
    <tr>
        <td>核心代号</td>
        <td>{{no.CPU_CoreName}}</td>
    </tr>
    <tr>
        <td>制程工艺</td>
        <td>{{no.CPU_Process}}</td>
    </tr>
    <tr>
        <td>功耗</td>
        <td>{{no.CPU_Power}}</td>
    </tr>
    <th colspan="2">内存</th>
    <tr>
        <td>内存容量</td>
        <td>{{no.RAM_Capacity}}</td>
    </tr>
    <tr>
        <td>内存类型</td>
        <td>{{no.RAM_Type}}</td>
    </tr>
    <th>硬盘</th>
    <tr>
        <td>硬盘容量</td>
        <td>{{no.ROM_Capacity}}</td>
    </tr>
    <tr>
        <td>硬盘描述</td>
        <td>{{no.ROM_Type}}</td>
    </tr>
    <th>屏幕</th>
    <tr>
        <td>触控屏</td>
        <td>{{no.Display_Touch}}</td>
    </tr>
    <tr>
        <td>屏幕类型</td>
        <td>{{no.Display_Type}}</td>
    </tr>
    <tr>
        <td>屏幕尺寸</td>
        <td>{{no.Display_Size}}</td>
    </tr>
    <tr>
        <td>显示比例</td>
        <td>{{no.Display_Scale}}</td>
    </tr>
    <tr>
        <td>屏幕分辨率</td>
        <td>{{no.Display_Resolution}}</td>
    </tr>
    <tr>
        <td>屏幕亮度</td>
        <td>{{no.Display_Brightness}}</td>
    </tr>
    <tr>
        <td>屏幕占比</td>
        <td>{{no.Display_Ratio}}</td>
    </tr>
    <tr>
        <td>屏幕技术</td>
        <td>{{no.Display_Technology}}</td>
    </tr>
    <tr>
        <td>屏幕刷新率</td>
        <td>{{no.Display_RefreshRate}}</td>
    </tr>
    <tr>
        <td>屏幕色域</td>
        <td>{{no.Display_Gamut}}</td>
    </tr>
    <th colspan="2">显卡</th>
    <tr>
        <td>显卡名称</td>
        <td>{{no.GPU_Name}}</td>
    </tr>
    <tr>
        <td>显存</td>
        <td>{{no.GPU_Capacity}}</td>
    </tr>
    <tr>
        <td>显存类型</td>
        <td>{{no.GPU_Type}}</td>
    </tr>
    <tr>
        <td>显存位宽</td>
        <td>{{no.GPU_BW}}</td>
    </tr>
    <tr>
        <td>显卡最高功耗</td>
        <td>{{no.GPU_MAX_Power}}</td>
    </tr>
    <tr>
        <td>独显直连</td>
        <td>{{no.GPU_Decicated}}</td>
    </tr>
    <th colspan="2">声音设备</th>
    <tr>
        <td>扬声器</td>
        <td>{{no.Loudspeaker}}</td>
    </tr>
    <tr>
        <td>麦克风</td>
        <td>{{no.Microphone}}</td>
    </tr>
    <th colspan="2">网络设备</th>
    <tr>
        <td>无线网卡</td>
        <td>{{no.Wireless}}</td>
    </tr>
    <tr>
        <td>有线网卡</td>
        <td>{{no.Wired_Network}}</td>
    </tr>
    <tr>
        <td>蓝牙</td>
        <td>{{no.Bluetooth}}</td>
    </tr>
    <th colspan="2">接口</th>
    <tr>
        <td>数据接口</td>
        <td>{{no.Data_Interface}}</td>
    </tr>
    <tr>
        <td>视频接口</td>
        <td>{{no.Video_Interface}}</td>
    </tr>
    <tr>
        <td>音频接口</td>
        <td>{{no.Audio_Interface}}</td>
    </tr>
    <tr>
        <td>其它接口</td>
        <td>{{no.Other_Interface}}</td>
    </tr>
    <th colspan="2">电源</th>
    <tr>
        <td>电池类型</td>
        <td>{{no.Battery_Type}}</td>
    </tr>
    <tr>
        <td>电源适配器</td>
        <td>{{no.Power_Adapter}}</td>
    </tr>
    <th colspan="2">其它参数</th>
    <tr>
        <td>笔记本重量</td>
        <td>{{no.Weight}}</td>
    </tr>
    <tr>
        <td>宽度</td>
        <td>{{no.Length}}</td>
    </tr>
    <tr>
        <td>厚度</td>
        <td>{{no.Thickness}}</td>
    </tr>
    <tr>
        <td>外壳材质</td>
        <td>{{no.Material}}</td>
    </tr>
    <tr>
        <td>外壳描述</td>
        <td>{{no.Color}}</td>
    </tr>

</table>
{% endfor %}

</body>
</html>